Processing a media content based on device movement

ABSTRACT

Systems and methods are provided for displaying a first portion of a video, the first portion comprising a subset of the video that fits in a display area of a computing device. The systems and methods further detect movement of the computing device during playback of the first portion of the video, calculate a rotation of the display of the first portion of the video based on a direction of the movement, and cause the display of the first portion of the video to rotate relative to the direction of movement to display a second portion of the video, the second portion comprising a subset of the video that is associated with the direction of movement and that was at least partially not visible in the first portion of the video when displayed in the display area of the computing device.

PRIORITY

This application is a continuation and claims the benefit of priority ofU.S. patent application Ser. No. 16/388,236, filed on Apr. 18, 2019,which is a continuation and claims the benefit of priority of U.S.patent application Ser. No. 15/673,215, filed on Aug. 9, 2017, whichclaims the benefit of priority of U.S. Provisional Patent ApplicationSer. No. 62/464,183, filed on Feb. 27, 2017, which are herebyincorporated by reference herein in their entireties.

BACKGROUND

Sharing media content such as audio, images, and video between userdevices (e.g., mobile devices, personal computers, etc.) may entailconverting the media content to a format that can be consumed by thereceiving device and displaying the media content on a mobile devicesuch as a smart phone.

BRIEF DESCRIPTION OF THE DRAWINGS

Various ones of the appended drawings merely illustrate exampleembodiments of the present disclosure and should not be considered aslimiting its scope.

FIG. 1 is a block diagram illustrating a networked system, according tosome example embodiments.

FIG. 2 is a block diagram illustrating a networked system includingdetails of a camera device, according to some example embodiments.

FIG. 3 illustrates an example pair of smart glasses, according to someexample embodiments.

FIG. 4 shows an example display of a circular video format, according tosome example embodiments.

FIG. 5 is a flowchart illustrating aspects of a method, according tosome example embodiments.

FIG. 6 illustrates an example parallax area diagram, according to someexample embodiments.

FIG. 7 is a flowchart illustrating aspects of a method, according tosome example embodiments.

FIG. 8 illustrates example displays on a computing device, according tosome example embodiments.

FIG. 9 is a flowchart illustrating aspects of a method, according tosome example embodiments.

FIG. 10 illustrates an example of a redlined display, according to someexample embodiments.

FIG. 11 illustrates example displays on a computing device, according tosome example embodiments.

FIG. 12 is a block diagram illustrating an example of a softwarearchitecture that may be installed on a machine, according to someexample embodiments.

FIG. 13 illustrates a diagrammatic representation of a machine, in theform of a computer system, within which a set of instructions may beexecuted for causing the machine to perform any one or more of themethodologies discussed herein, according to an example embodiment.

DETAILED DESCRIPTION

Systems and methods described herein relate to processing media contentitems to be shared between devices via a messaging system and to bedisplayed on devices. For example, a user may record a video on using acamera device. The camera device may be capable of capturing video in acircular video format. In one example, the camera device may be a pairof smart glasses that can capture an entire 115 degree field of view.The 115 degree field of view is similar to the perspective as seen withthe human eye and gives the camera device the ability to capturecircular video. The user may wish to share the circular video with oneor more other users and/or to view the video on a display of a computingdevice, such as a smart phone. Example embodiments allow a user to viewa video that is in a circular video format in a display of a computingdevice, rotate the display of the video to take advantage of thecircular wide angle view of the video, and view the video in fullscreenmode and circular view.

FIG. 1 is a block diagram illustrating a networked system 100, accordingto some example embodiments, configured to process media content itemsand send and receive messages which include the processed media content.In one example embodiment, the system is a messaging system configuredto receive a plurality of messages from a plurality of users, processmedia content contained in the messages, and send messages to one ormore users with the processed media content. The system 100 may includeone or more client devices such as client device 110. The client device110 may also be referred to herein as a user device or a computingdevice. The client device 110 may comprise, but is not limited to, amobile phone, desktop computer, laptop, portable digital assistant(PDA), smart phone, tablet, ultra book, netbook, laptop, multi-processorsystem, microprocessor-based or programmable consumer electronic, gameconsole, set-top box, computer in a vehicle, or any other communicationdevice that a user may utilize to access the networked system 100.

In some embodiments, the client device 110 may comprise a display module(not shown) to display information (e.g., in the form of userinterfaces). In some embodiment the display module or user interface(s)is used to display media content such as video (e.g., conventional videoand video in circular video format), images (e.g., photographs), and thelike. In further embodiments, the client device 110 may comprise one ormore of touch screens, accelerometers, gyroscopes, cameras, microphones,global positioning system (GPS) devices, and so forth. The client device110 may be a device of a user that is used to create content media itemssuch as video, images (e.g., photographs), audio, and send and receivemessages containing such media content items to and from other users.

One or more users 106 may be a person, a machine, or other means ofinteracting with the client device 110. In example embodiments, the user106 may not be part of the system 100, but may interact with the system100 via the client device 110 or other means. For instance, the user 106may provide input (e.g., touch screen input or alphanumeric input) tothe client device 110 and the input may be communicated to otherentities in the system 100 (e.g., third party servers 130, server system102, etc.) via the network 104. In this instance, the other entities inthe system 100, in response to receiving the input from the user 106,may communicate information to the client device 110 via the network 104to be presented to the user 106. In this way, the user 106 may interactwith the various entities in the system 100 using the client device 110.

The system 100 may further include a network 104. One or more portionsof network 104 may be an ad hoc network, an intranet, an extranet, avirtual private network (VPN), a local area network (LAN), a wirelessLAN (WLAN), a wide area network (WAN), a wireless WAN (WWAN), ametropolitan area network (MAN), a portion of the Internet, a portion ofthe Public Switched Telephone Network (PSTN), a cellular telephonenetwork, a wireless network, a WiFi network, a WiMax network, anothertype of network, or a combination of two or more such networks.

The client device 110 may access the various data and applicationsprovided by other entities in the system 100 via web client 112 (e.g., abrowser, such as the Internet Explorer® browser developed by Microsoft®Corporation of Redmond, Wash. State) or one or more client applications114. The client device 110 may include one or more applications 114(also referred to as “apps”) such as, but not limited to, a web browser,messaging application, electronic mail (email) application, ane-commerce site application, a mapping or location application, mediacontent editing application, a media content viewing application, andthe like.

In one example, a client application 114 may be a messaging applicationthat allows a user 106 to take a photograph or video (or receive mediacontent from camera device 108), add a caption, or otherwise edit thephotograph or video, and then send the photograph or video to anotheruser. The client application 114 may further allow the user 106 to viewphotographs or video that the user 106 has taken via the client device,via a camera device 108, or to view photographs and video (e.g., inconventional video format or circular video format) that another user106 has taken via a client device 110 or camera device 108. The messagemay be ephemeral and be removed from a receiving user device afterviewing or after a predetermined amount of time (e.g., 10 seconds, 24hours, etc.). The messaging application may further allow a user 106 tocreate a gallery. A gallery may be a collection of media content such asphotos and videos which may be viewed by other users “following” theuser's gallery (e.g., subscribed to view and receive updates in theuser's gallery). The gallery may also be ephemeral (e.g., lasting 24hours, lasting a duration of an event (e.g., during a music concert,sporting event, etc.), or other predetermined time).

An ephemeral message may be associated with a message durationparameter, the value of which determines an amount of time that theephemeral message will be displayed to a receiving user of the ephemeralmessage by the client application 110. The ephemeral message may befurther associated with a message receiver identifier and a messagetimer. The message timer may be responsible for determining the amountof time the ephemeral message is shown to a particular receiving useridentified by the message receiver identifier. For example, theephemeral message may only be shown to the relevant receiving user for atime period determined by the value of the message duration parameter.

In another example, the messaging application may allow a user 106 tostore photographs and videos and create a gallery that is not ephemeraland that can be sent to other users. For example, to assemblephotographs and videos from a recent vacation to share with friends andfamily.

In some embodiments, one or more applications 114 may be included in agiven one of the client device 110, and configured to locally providethe user interface and at least some of the functionalities with theapplication 114 configured to communicate with other entities in thesystem 100 (e.g., server system 102), on an as needed basis, for dataand/or processing capabilities not locally available (e.g., accesslocation information, to authenticate a user 106, to verify a method ofpayment, access media content stored on a server, sync media contentbetween the client device 110 and a server computer, etc.). Conversely,one or more applications 114 may not be included in the client device110, and then the client device 110 may use its web browser to accessthe one or more applications hosted on other entities in the system 100(e.g., server system 102).

Media content such as images and video may be captured via the clientdevice (e.g., via a camera of the client device) and/or via a separatecamera device 108. The camera device 108 may be a standalone camera, maybe a wearable device, such as an electronic-enabled watch, key fob,eyewear device, and the like. In one example, the camera device 108 isan electronic enabled eyewear device, such as so-called smart glasses(e.g., SNAP SPECTACLES). An example electronic enabled eyewear is shownin FIG. 3 .

FIG. 3 shows a pair of smart glasses 300 according to one exampleembodiment. The smart glasses 300 have one or more integrated cameras(e.g., at opposite ends of a glassware frame in one example, shown as302 and 304), with respective lens(es) of the camera(s) facing forwardsand having a transparent covering.

In one example, the smart glasses 300 or other camera device 108 maycapture video in a circular video format. For example, the camera device108 may comprise a circular wide angle lens that captures an entire 115degree field of view (e.g., a camera sensor of the camera device 108captures the entire 115 degree field of view). The 115 degree field ofview is similar to the perspective as seen with the human eye and givesthe camera device 108 the ability to capture circular video.

In one example for capturing video in a circular video format, thecamera device 108 may comprise a sensor (e.g., a square or rectangularsensor) for capturing images and video. The camera device 108 mayfurther comprise an enclosure in front of the sensor to block outportions of the sensor outside of a circular region (e.g., so light willonly hit the circular region). The camera lens may be set behind theenclosure. Accordingly, the camera device 108 may only capture circularvideo in the circular region. Optionally, the camera device 108 mayfurther crop each circular formatted video (e.g., frame by frame to setsurrounding pixel values to zero that are outside of a predeterminedcircular size) to account for any noise around the edges of the circularregion. In this way the camera device 108 may optimize the circularformat during capture of the video. For example, since the video formatcan contain the circular video, the circular video can be exportedwithout any additional modification. Also, there may be some benefits ofvideo compression achieved by cropping the circular content in firmware.

Returning to FIG. 1 , a server system 102 may provide server-sidefunctionality via the network 104 (e.g., the Internet or wide areanetwork (WAN)) to one or more client devices 110. The server system 102may include an application programming interface (API) server 120, amessaging application server 122, and a media content processing server124, which may each be communicatively coupled with each other and withone or more data storage(s) 126.

The server system 102 may be a cloud computing environment, according tosome example embodiments. The server system 102, and any serversassociated with the server system 102, may be associated with acloud-based application, in one example embodiment. The one or more datastorages 126 may be storage devices that store information such asuntreated media content, original media content from users 106 (e.g.,high quality media content), processed media content (e.g., mediacontent that is formatted for sharing with client devices 110 andviewing on client devices 110), user information, user deviceinformation, and so forth. The one or more data storages 126 may includecloud-based storage external to the server system 102 (e.g., hosted byone or more third party entities external to the server system 102). Thedata storages 126 may include databases, blob storages, and so forth.

The media content processing server 124 may provide functionality toperform various processing of media content items. The media contentprocessing server 124 may access one or more data storages 126 toretrieve stored data to use in processing media content and to storeresults of processed media content.

The messaging application server 122 may be responsible for generationand delivery of messages between users 106 of client devices 110. Themessaging application server 122 may utilize any one of a number ofmessage delivery networks and platforms to deliver messages to users106. For example, the messaging application server 122 may delivermessages using electronic mail (email), instant message (IM), ShortMessage Service (SMS), text, facsimile, or voice (e.g., Voice over IP(VoIP)) messages via wired (e.g., the Internet), plain old telephoneservice (POTS), or wireless networks (e.g., mobile, cellular, WiFi, LongTerm Evolution (LTE), Bluetooth).

As explained above, a user 106 may wish to share various media contentitems (e.g., videos, audio content, images, etc.) with one or more otherusers. For example, the user 106 may use the client device 110 or otherdevice (e.g., camera device 108) to take various videos and photographson his vacation. The user 106 may want to share the best videos andphotographs from his vacation with his friends and family. The user 106may utilize a client application 114 on the client device 110, such as amessaging application, to select the media content items that he wouldlike to share. The user 106 may also edit the various media contentitems using the client application 114. For example, the user 106 mayadd text to the media content item, choose an overlay for the mediacontent item (labels, drawings, other artwork, etc.), may draw on themedia content item, crop or alter (e.g., red-eye reduction, focus, coloradjustment, etc.) the media content item, and so forth. A media contentitem that is “untreated” refers to a media content item that has notbeen edited using the client application 114.

The user 106 may select the media content items that he would like toshare with his friends and family via the client application 114. Oncehe has selected the media content items, he may indicate that he wouldlike to share the media content items. For example, he may choose anoption on a user interface of the client application 114 (e.g., menuitem, button, etc.) to indicate that he wishes to share the mediacontent items.

The user 106 may view media content via the client application 114. Forexample, the user 106 may view media content he has captured on theclient device 110 (e.g., via a camera of the client device 110), theuser 106 may view media content captured by others and sent to the user106, and the user 106 may view media content captured by camera device108.

FIG. 2 is a block diagram illustrating a networked system 200 includingdetails of a camera device 108, according to some example embodiments.In certain embodiments, camera device 108 may be implemented in smartglasses 300 of FIG. 3 described above.

System 200 includes camera device 108, client device 110, and serversystem 102, as described above with respect to FIG. 1 . Client device110 may be a smartphone, tablet, phablet, laptop computer, access point,or any other such device capable of connecting with camera device 108using both a low-power wireless connection 225 and a high-speed wirelessconnection 237. Client device 110 is connected to server system 102 andnetwork 104. The network 104 may include any combination of wired andwireless connections, as explained above. Server system 102 may be oneor more computing devices as part of a service or network computingsystem, as also explained above. Client device 110 and any elements ofserver system 102 and network 104 may be implemented using details ofsoftware architecture 1202 or machine 1300 described in FIGS. 12 and 13.

System 200 may optionally include additional peripheral device elements219 and/or a display 211 integrated with camera device 210. Suchperipheral device elements 219 may include biometric sensors, additionalsensors, or display elements integrated with camera device 210. Examplesof peripheral device elements 219 are discussed further with respect toFIGS. 12 and 13 . For example, peripheral device elements 219 mayinclude any I/O components 1350 including output components 1352, motioncomponents 1358, or any other such elements described herein.

Camera device 108 includes camera 214, video processor 212, interface216, low-power circuitry 220, and high-speed circuitry 230. Camera 214includes digital camera elements such as a charge coupled device, alens, or any other light capturing elements that may be used to capturedata as part of camera 214.

Interface 216 refers to any source of a user command that is provided tocamera device 210. In one implementation, interface 216 is a physicalbutton on a camera that, when depressed, sends a user input signal frominterface 216 to low power processor 222. A depression of such a camerabutton followed by an immediate release may be processed by low powerprocessor 222 as a request to capture a single image. A depression ofsuch a camera button for a first period of time may be processed bylow-power processor 222 as a request to capture video data while thebutton is depressed, and to cease video capture when the button isreleased, with the video captured while the button was depressed storedas a single video file. In certain embodiments, the low-power processor222 may have a threshold time period between the press of a button and arelease, such as 500 milliseconds or one second, below which the buttonpress and release is processed as an image request, and above which thebutton press and release is interpreted as a video request. The lowpower processor 222 may make this determination while the videoprocessor 212 is booting. In other embodiments, the interface 216 may beany mechanical switch or physical interface capable of accepting userinputs associated with a request for data from the camera 214. In otherembodiments, the interface 216 may have a software component, or may beassociated with a command received wirelessly from another source.

Video processor 212 includes circuitry to receive signals from thecamera 214 and process those signals from the camera 214 into a formatsuitable for storage in the memory 234. Video processor 212 isstructured within camera device 210 such that it may be powered on andbooted under the control of low-power circuitry 220. Video processor 212may additionally be powered down by low-power circuitry 220. Dependingon various power design elements associated with video processor 212,video processor 212 may still consume a small amount of power even whenit is in an off state. This power will, however, be negligible comparedto the power used by video processor 212 when it is in an on state, andwill also have a negligible impact on battery life. Device elements inan “off” state are still configured within a device such that low-powerprocessor 222 is able to power on and power down the devices. A devicethat is referred to as “off” or “powered down” during operation ofcamera device 108 does not necessarily consume zero power due to leakageor other aspects of a system design.

In one example embodiment, video processor 212 comprises amicroprocessor integrated circuit (IC) customized for processing sensordata from camera 214, along with volatile memory used by themicroprocessor to operate. In order to reduce the amount of time thatvideo processor 212 takes when powering on to processing data, anon-volatile read only memory (ROM) may be integrated on the IC withinstructions for operating or booting the video processor 212. This ROMmay be minimized to match a minimum size needed to provide basicfunctionality for gathering sensor data from camera 214, such that noextra functionality that would cause delays in boot time are present.The ROM may be configured with direct memory access (DMA) to thevolatile memory of the microprocessor of video processor 212. DMA allowsmemory-to-memory transfer of data from the ROM to system memory of thevideo processor 212 independently of operation of a main controller ofvideo processor 212. Providing DMA to this boot ROM further reduces theamount of time from power on of the video processor 212 until sensordata from the camera 214 can be processed and stored. In certainembodiments, minimal processing of the camera signal from the camera 214is performed by the video processor 212, and additional processing maybe performed by applications operating on the client device 110 orserver system 102.

Low-power circuitry 220 includes low-power processor 222 and low-powerwireless circuitry 224. These elements of low-power circuitry 220 may beimplemented as separate elements or may be implemented on a single IC aspart of a system on a single chip. Low-power processor 222 includeslogic for managing the other elements of the camera device 108. Asdescribed above, for example, low power processor 222 may accept userinput signals from an interface 216. Low-power processor 222 may also beconfigured to receive input signals or instruction communications fromclient device 110 via low-power wireless connection 225. Additionaldetails related to such instructions are described further below.Low-power wireless circuitry 224 includes circuit elements forimplementing a low-power wireless communication system. Bluetooth™Smart, also known as Bluetooth™ low energy, is one standardimplementation of a low power wireless communication system that may beused to implement low-power wireless circuitry 224. In otherembodiments, other low power communication systems may be used.

High-speed circuitry 230 includes high-speed processor 232, memory 234,and high-speed wireless circuitry 236. High-speed processor 232 may beany processor capable of managing high-speed communications andoperation of any general computing system needed for camera device 210.High speed processor 232 includes processing resources needed formanaging high-speed data transfers on high-speed wireless connection 237using high-speed wireless circuitry 236. In certain embodiments, thehigh-speed processor 232 executes an operating system such as a LINUXoperating system or other such operating system such as operating system1204 of FIG. 12 . In addition to any other responsibilities, thehigh-speed processor 232 executing a software architecture for thecamera device 108 is used to manage data transfers with high-speedwireless circuitry 236. In certain embodiments, high-speed wirelesscircuitry 236 is configured to implement Institute of Electrical andElectronic Engineers (IEEE) 802.11 communication standards, alsoreferred to herein as Wi-Fi. In other embodiments, other high-speedcommunications standards may be implemented by high-speed wirelesscircuitry 236.

Memory 234 includes any storage device capable of storing camera datagenerated by the camera 214 and video processor 212. While memory 234 isshown as integrated with high-speed circuitry 230, in other embodiments,memory 234 may be an independent standalone element of the camera device108. In certain such embodiments, electrical routing lines may provide aconnection through a chip that includes the high-speed processor 232from the video processor 212 or low-power processor 222 to the memory234. In other embodiments, the high-speed processor 232 may manageaddressing of memory 234 such that the low-power processor 222 will bootthe high-speed processor 232 any time that a read or write operationinvolving memory 234 is needed.

As explained above, media content (e.g., video content) may be capturedin a circular video format. FIG. 4 shows an example display 400 of acircular video format on a client device 110. As may be seen in thisexample, the circular video format 402 of the media content (e.g.,video) is larger than a display 404 (e.g., screen) of the client device110. Accordingly, when in fullscreen mode as shown in the display 404,only a portion of the entire video is displayed. Example embodimentsallow a user to rotate the client device 110 to cause the media contentin the display 404 of the client device 110 to rotate to take advantageof the circular video format 402 and to view or expose more areas of thecircular video format.

FIG. 5 is a flow chart illustrating aspects of a method 500, accordingto some example embodiments, for playback behavior and interactions whenmedia content (e.g., video content) in circular video format isdisplayed on a client device 110. For illustrative purposes, method 500is described with respect to the networked system 100 of FIG. 1 . It isto be understood that method 500 may be practiced with other systemconfigurations in other embodiments.

In operation 502, a computing device (e.g., client device 110) detectsmovement of the computing device during playback of media content (ormedia content stream) on a display of the computing device. For example,a user 106 may be watching a video that was captured in circular videoformat. The user 106 may tilt or rotate the device to view other areasof the circular video format. The computing device (e.g., via arotational player) may detect movement of the computing device via oneor more sensors of the computing device. For example, the computingdevice may comprise an accelerometer sensor, a gyroscope sensor, and/orother motion sensor(s). An accelerometer sensor measures acceleration(e.g., a rate of change in velocity) of a computing device. Theaccelerometer sensor is also used to determine a computing device'sorientation along its three axes. For example, movement data from theaccelerometer can be used to tell if a computing device is in portraitor landscape mode, among other things. A gyroscope sensor can alsoprovide orientation information and measures any changes in orientation.

In operation 504, the computing device receives movement data from theone or more sensors of the computing device. In one example, themovement data is received from an accelerometer sensor and the movementdata comprises the computing device's orientation including rotation ofthe computing device's axes relative to the downward force of gravity.For example, the computing device's orientation may comprise thecomputing device's rotation around its z-axis directed away from thedisplay of the computing device. Movement data may also/alternatively bereceived from the gyroscope sensor, a gravity sensor, or other motionsensor or tool.

In operation 506, the computing device analyzes the movement data todetermine a direction of movement. For example, a user may tilt thecomputing device to the right and the rotational player of the computingdevice may detect that the user is tilting the computing device to theright and how much it is rotating to the right. The rotational playerwill then rotate the media content (e.g., video) that was displaying inthe opposite direction so that it appears like more of the media contentis revealed as the computing device is tilted or rotated. In oneexample, the computing device may analyze the movement data, such asthat the computing device has rotated nine degrees in the “Z” axis fromthe gyroscope, and the speed the user is rotating the phone from theaccelerometer. The computing device analyzes these outputs from thesensors to determine how much the computing device is actually rotating.

In operation 508, the computing device calculates a rotation of thedisplay of the media content based on the direction of the movement. Forexample, the computing device may determine that the phone has rotated20 degrees in the “Z” axis which means that the user has rotated thecomputing device 20 degrees relative to the user and so the mediacontent should be moved 20 degrees in the opposite direction.

In one example, the movement data is received from an accelerometersensor and a gyroscope sensor. The computing device may determine thatthe computing device is held by the user in a flat orientation, andthus, the orientation is ambiguous. In this example, the computingdevice calculates the rotation of the display of the media content basedon the movement data from the gyroscope sensor.

In another example, the computing device determines that the computingdevice is held nearly flat orientation by the user, and thus, therotation is calculated using a combination of measurements from theaccelerometer and the gyroscope is used to calculate the rotation (e.g.,using movement data from both the accelerometer sensor and the gyroscopesensor).

In another example, the computing device determines that the computingdevice is held nearly flat orientation by the user, but only hasmovement data from a gyroscope sensor (e.g., the computing device maynot have an accelerometer sensor). In this example, the rotation of thedisplay of media content is calculated based on the movement data fromthe gyroscope sensor.

In operation 510, the computing device causes the display of the mediacontent to rotate relative to the direction of movement, to display aportion of the media content associated with the direction of movement.In one example, displaying the portion of the media content comprisesdisplaying a portion of the media content that was not previouslyviewable on the display of the computing device. In this way the user106 may rotate the computing device to take advantage of the circularvideo format 402 and to view or expose more areas of the circular videoformat.

In one example, the media content rotates within the display on thecomputing device relative to the ground. In other words, the anchorpoint may not be set based on the user starting angular position. Forexample, if the computing device is held in an upwards position, theweight would be at the bottom on the computing device. If the user turnsthe computing device upside down the media content would flip so thatthe weight would again be at the “bottom” of the device (which upsidedown is actually the top of the device).

In another example, if the computing device is nearly horizontal, themedia content rotation does not track gravity 1:1, but instead tracksthe computing device's gyroscope data. This may be done to avoid smallcomputing device orientation changes mapping to large rotationalchanges.

In another example, any media overlays (e.g., text, stickers, specialeffects, geo-filter, etc.) or other creative tools may rotate with themedia content rotation. For example, if a user puts a sticker at thebottom right of a video while the user is holding the computing deviceup, when the user rotates the computing device 90 degrees, the user willnot be able to see the sticker anymore because it will have gone offscreen/display. In this way the media overlay stays in the actuallocation where it was placed, even when the media content is rotated.

In another example, if a drastic change in rotation is detected (e.g.,such as when a user flips the computing device over), the computingdevice should update the rotation and animate the transition to cause itto appear as a smooth transition (e.g., to smoothly follow the computingdevice's rotation). For large changes in rotation, the motion may bebriefly delayed as it eases toward the device's rotation. In oneexample, a drastic change in rotation may be considered any rotationgreater than ten or twenty degrees.

Some actions by the user may pause rotation functionality. For example,adding creative content (e.g., a media overlay) may automatically pauserotation. Once the creative content has been added or placed on themedia content, the rotation may automatically be enabled again.

In one example, if the computing device does not have a way to measureits rotation, the rotation functionality is disabled and the display ofthe media content is shown in fullscreen mode.

Some example embodiments may include a parallax effect. For example, ifa user tilts the computing device slightly, a small portion of the videoin the direction that the user tilted is revealed. In this way, themovement of the media content is moved (e.g., slides) in an up and downand left to right motion, as a user is swiveling the computing deviceback and forth. This is intended to make it feel more like the user islooking around. In one example, no matter how far the user tilt's thecomputing device, the user will never see the edge of the video. Whenthe user begins viewing the media content that was captured in circularvideo format, the very center of the media content is displayed unlessthe user was previously watching another media content in circular videoformal, in which case the location of the video on the screen/display isinherited from the previous video.

FIG. 6 shows an example parallax area diagram 600. The diagram 600 inFIG. 6 is not shown to scale. This diagram 600 shows an area of displayon a computing device screen 602 that is slightly smaller than aparallax area 604 (e.g., a fullscreen area). In one example, 86% of themedia content (e.g., video) is visible without parallax. The mediacontent may be in a circular video format 606.

The parallax area 604 is the region that the computing device screen canflow around. For example, the parallax area 604 is the area in which thescreen can move relative to the video without exposing any edges of thevideo. Thus, as a user tilts the computing device, the area of displayon the screen 602 can move around (e.g., slide) to the different edgesof the parallax area 604. In this way it appears to the user that he ispeeking into more of the video. This may make the movement feel a bitmore natural and more three dimensional. For example, if a user rotatesthe computing device to the right, he will see some of the video on theleft that he would not normally see. Without the parallax effect, thevideo would take up the fullscreen area (e.g., the parallax area 604).

In one example, the size of the media content circle is determined bythe cross section of the computing device's screen (e.g., the mediacontent size is relative to the computing device screen size). Inanother example, the diameter of the video circle is 7% larger than thecross section distance of the computing device's screen (e.g., radius3.5%), as shown as the radius increase for parallax 608. This value isintended to give a subtle experience.

In one example, rotation on the device for the parallax effect isreported in radians per second. For example, the media content in thecomputing device screen 602 may move at a rate of 1 radian=2 pts onscreen (2× multiplier).

In another example, the translation of the media content follows aquadratic curve when moving out from the center and a linear curve whenmoving in towards the center. This gives the motion a smoother feeling.For example, moving away from the center will start out slowly and gofaster, and moving in towards the center will move in at the same speedthe whole time.

In another example, the rotation in the parallax effect is not based onsome group truth or gravity, the screen translation reacts to any changein rotation. For example, if a user tilts the device ninety degrees tothe right, then slightly back to the left, the screen will not be on theright edge of the parallax area 604.

In another example, if a drastic change in translation due to parallaxis necessary, such as when a user quickly tilts the computing device,the computing device should update translation as explained aboveregarding a drastic change in rotation. In one example, a drastic changein translation is any change which is greater than ⅓ of the translationrange in at least one axis. If this occurs at the same time as a drasticchange in motion, rotation animation may be used.

FIG. 7 is a flow chart illustrating aspects of a method 700, accordingto some example embodiments, for detecting parallax motion and causing adisplay to slide accordingly. For illustrative purposes, method 700 isdescribed with respect to the networked system 100 of FIG. 1 . It is tobe understood that method 700 may be practiced with other systemconfigurations in other embodiments.

In operation 702, a computing device (e.g., client device 110) receivesmovement data from one or more sensors. In one example, parallax motionis detected by monitoring a gyroscope sensor, which measures therotation rate of the computing device about its axes. For instance,rotation about the y-axis controls the horizontal (side-to-side)parallax motion, and rotation about the x-axis controls the vertical(up-and-down parallax motion). In one example, the parallax motiondecelerates as it eases out to the margins of the circular video format,and moves at a constant rate when it re-centers.

In operation 704, the computing device detects parallax motion from themovement data, and in operation 706, the computing device analyzes themovement data to determine a direction of movement of the computingdevice. In operation 708, the computing device causes the display of themedia content to slide in opposite direction of the direction ofmovement.

Some example embodiments allow a user to use a gesture as an input onthe computing device such as a “pinch” on a display on a computingdevice (e.g., client device 110) while viewing media content in acircular video format to change between viewing the media content infullscreen mode and viewing the media content as a circle. FIG. 8illustrates example displays 802, 804, and 806 of media content based ona user pinching in or pinching out on the display. For example, a usermay be viewing media content (e.g., video) on a display of a computingdevice in fullscreen mode as shown in the example display 802. Thedisplay of the computing device may be a touch screen display and theuser may use his fingers to pinch in on the display. When the userpinches in and lets go on the fullscreen mode of 802, the display of thecomputing device will change to a circle display mode as shown in theexample display 804. When the user pinches out and lets go on the circledisplay mode as shown in 804, the display of the computing price willchange as shown in the example display 806 display in fullscreen mode.In one example a user can pinch and hold and the media content willcontinue to be displayed at the size the user is holding. For example, auser may pinch and hold a video display at a smaller circle size and thevideo would continue playing that size until the user lets go of thepinch.

In one example, media content in a circular video format may bedisplayed in fullscreen mode by default. When a user pinches inward onany fullscreen mode display of media content in circular video format,the media content shrinks into a small circle, referred to herein aspinched mode. When a user pinches outward on any pinched mode mediacontent, the media content expands into fullscreen mode. Media contentmay remain in pinched mode until a media content that is not in acircular video format is displayed or the user finishes the fullscreenviewing session. In one example, when the media content is in pinchedmode the entire view of the circular video format is displayed. Inanother example, when the media content is in fullscreen mode, only acenter portion of the circular video format is displayed.

In one example, the parallax effect is ignored linearly as the userpinches down to the pinched mode size. For example if the use ispinching such that the circle size is 80% of the way to the pinched modedefault size, the parallax effect would have 20% its normal impact onvideo translation. In one example the parallax effect may be capped to100% and 0% such that a user cannot get a stronger effect by pinchingout beyond the default fullscreen mode size.

FIG. 9 is a flow chart illustrating aspects of a method 900, accordingto some example embodiments, for manipulating a view of media contentvia a pinch gesture. For illustrative purposes, method 900 is describedwith respect to the networked system 100 of FIG. 1 . It is to beunderstood that method 900 may be practiced with other systemconfigurations in other embodiments.

In operation 902, a computing device (e.g., client device 110) receivespinch gesture data. For example, there may be a tool included in theoperating system of the computing device that can recognize a pinchgesture and send data about the pinch gesture. The computing device(e.g., via a client application 114), may request pinch gesture data andreceive the pinch gesture data when available.

In operation 904, the computing device analyzes the pinch gesture datato determine pinch scale and pinch velocity. For example, the pinchgesture data may include a pinch scale (e.g., how far apart a user'sfingers moved from a start positing to a hold or release position), anda pinch velocity (e.g., how quickly the user expanded, contracted, orreleased his fingers). In operation 906, the computing device calculatesa media content (e.g., video) display size based on the pinch scale andthe pinch velocity. For example, if a user was in fullscreen mode tostart and starts pinching smaller on the screen, the display of themedia content would transition from fullscreen mode to a circle formatat the size and rate that the user is pinching. And when the user is inpinched mode and starts pinching larger on the display, the display ofthe media content in a smaller circle would grow to a larger circle atthe size and rate the user is pinching. Once the user releases hisfingers, the media content display size transitions to fullscreen modeor pinched mode depending on where the user release his fingers and howfast he releases them.

For example, if the user was in fullscreen mode before he began pinchingand he releases his fingers within 60% of fullscreen mode scale size andthe scale velocity is greater than a predetermined speed (e.g., >−1/s),then the display is animated (e.g., transitions) to fullscreen mode. Ifthe user releases his finger with the scale velocity is less than apredetermined speed (e.g., <−1/s), then the display is animated topinched mode. If the user releases his finger within 40% of the pinchedmode scale size, the display is animated to pinched mode.

In another example, if the user was in pinched mode before he beganpinching and he releases his finger within 40% of pinched mode scalesize and the scale velocity is less than a predetermined speed (e.g.,<1/s), the display is animated back to pinched mode. If the userreleases his finger with the scale velocity greater than a predeterminedspeed (e.g., >1/s), the display is animated to fullscreen mode. If theuser releases his finger within 60% of the fullscreen mode scale, thedisplay is animated to fullscreen mode.

In one example, the display is animated between modes after the userreleases his finger using a spring animation. This may include dampingat 0.75, and an initial spring velocity of a velocity from the pinchgesture (which may be converted to pixels for iOS). In one example, theduration if abs(pinch velocity)>1 may be 0.3 seconds. In anotherexample, the duration if abs(pinch velocity)<1 may be 0.4 seconds (e.g.,slightly longer to allow for animation to speed up).

In operation 908, the computing device causes the media content todisplay based on the media content display size.

In one example, if the user pinches beyond the minimum and maximumcircle sizes, the user may see a rubber banding effect. The computingdevice may use logarithmic curves for over pinching. In one example, alog base 15 value may be used for over pinching on pinched mode and alog base 40 may be used for over pinching on fullscreen mode.

For example:

// Pinching Mode ... CGFloat naturalOverScroll = fabs([selfpinchingModeScale] - pinchScale); CGFloat adjustedOverscroll = logx(1 +naturalOverScroll, 15); CGFloat adjustedScale = [selfpinchingModeScale] - adjustedOverscroll; ... // Fullscreen Mode ...CGFloat naturalOverScroll = pinchScale - 1.f; CGFloat adjustedOverscroll= logx(1 + naturalOverScroll, 40); CGFloat adjustedScale =adjustedOverscroll + 1.f; ... // Sample log function float logx(floatvalue, float base) { return log10f(value) / log10f(base); }// SAMPLECODE // Pinching Mode ... CGFloat naturalOverScroll = fabs([selfpinchingModeScale] - pinchScale); CGFloat adjustedOverscroll = logx(1 +naturalOverScroll, 15); CGFloat adjustedScale = [selfpinchingModeScale] - adjustedOverscroll; ... // Fullscreen Mode ...CGFloat naturalOverScroll = pinchScale - 1.f; CGFloat adjustedOverscroll= logx(1 + naturalOverScroll, 40); CGFloat adjustedScale =adjustedOverscroll + 1.f; ... // Sample log function float logx(floatvalue, float base) { return log10f(value) / log10f(base); }

FIG. 10 shows an example of a red-lined display to be used determine howto display the media content in circular video content on a display of acomputing device.

As explained above, the media content being displayed may be one of aplurality of media content items (e.g., as part of a gallery). The mediacontent may include videos, images (e.g., photographs or other images),and the like. The videos may include conventional video formats andcircular video format. A gallery may comprise a plurality of mediacontent items of different types and formats. The display of mediacontent items in a gallery may automatically transition to the nextmedia content item in the gallery or a user may skip to the next mediacontent item via gesture, controls, or other means for indicating thathe wishes to view the next media content item in the gallery.

In one example, if a user is viewing a media content item that wascaptured in a circular video format and the media content item finishesor the user taps or otherwise indicates to proceed to the next mediacontent item in the gallery, if the next media content item was alsocaptured in circular video format, the next media content item will bedisplayed to the user in the same mode as the previous media contentitem. For example, if the user is pinching the previous media contentitem the next media content item will continue to appear the same at theexact same size, rotation, parallax, and so forth, as the previous mediacontent item as the user continues pinching. In other words, the pinchgesture would not be interrupted.

In another example, a media content item remains in the pinched modeuntil the user finishes viewing the media content item in fullscreen oruntil a non-circular video format media content item appears or the userselects another story or gallery. FIG. 11 shows an example flow of mediacontent items in a gallery. For example, a user may be viewing a firstmedia content item 1102 in a plurality of media content items in agallery. The first media content item 1102 may be in a conventionalvideo format (e.g., not in a circular video format). A user may tap tomove to the second media content item 1104. The second media contentitem 1104 may be a video in circular video format that is displayed infullscreen mode. The user may pinch in to view the second media contentitem in pinched mode 1106. The user may tap to move to the third mediacontent item 1108 which may also be a video in circular video format.The third media content item 1108 would also be displayed in pinchedmode. The user may tap to move to a fourth media content item 1110. Thefourth media content item 1110 may be in a conventional video format andthus, is displayed in regular fullscreen mode. The user may tap to moveto a fifth media content item 1112 which may be a video in circularvideo format. The fifth media content item 1112 is displayed infullscreen mode.

In another example, a media content item retains its viewing mode forthe entire viewing session. For example, if a user taps back to view aprevious media content item, the previous media content item appears inwhatever mode (e.g., pinched mode or fullscreen mode) it was visible inwhen the user last viewed it during the viewing session. In anotherexample, if a user is viewing a media content item in pinched mode in afirst gallery and then goes to a second gallery, and then returns to thefirst gallery, the media content item would still be displayed inpinched mode.

In another example, if the user decides to exit viewing the mediacontent, the media content item may shrink and a black background fadeslinearly as the media content item shrinks. In another example, a usermay not pinch in or out on a media content item until it is loaded.

FIG. 12 is a block diagram 1200 illustrating software architecture 1202,which can be installed on any one or more of the devices describedabove. For example, in various embodiments, client devices 110 andserver systems 102, 120, 122, and 124 may be implemented using some orall of the elements of software architecture 1202. FIG. 12 is merely anon-limiting example of a software architecture, and it will beappreciated that many other architectures can be implemented tofacilitate the functionality described herein. In various embodiments,the software architecture 1202 is implemented by hardware such asmachine 1300 of FIG. 13 that includes processors 1310, memory 1330, andI/O components 1350. In this example, the software architecture 1202 canbe conceptualized as a stack of layers where each layer may provide aparticular functionality. For example, the software architecture 1202includes layers such as an operating system 1204, libraries 1206,frameworks 1208, and applications 1210. Operationally, the applications1210 invoke application programming interface (API) calls 1212 throughthe software stack and receive messages 1214 in response to the APIcalls 1212, consistent with some embodiments.

In various implementations, the operating system 1204 manages hardwareresources and provides common services. The operating system 1204includes, for example, a kernel 1220, services 1222, and drivers 1224.The kernel 1220 acts as an abstraction layer between the hardware andthe other software layers, consistent with some embodiments. Forexample, the kernel 1220 provides memory management, processormanagement (e.g., scheduling), component management, networking, andsecurity settings, among other functionality. The services 1222 canprovide other common services for the other software layers. The drivers1224 are responsible for controlling or interfacing with the underlyinghardware, according to some embodiments. For instance, the drivers 1224can include display drivers, camera drivers, BLUETOOTH® or BLUETOOTH®Low Energy drivers, flash memory drivers, serial communication drivers(e.g., Universal Serial Bus (USB) drivers), WI-FI® drivers, audiodrivers, power management drivers, and so forth.

In some embodiments, the libraries 1206 provide a low-level commoninfrastructure utilized by the applications 1210. The libraries 1206 caninclude system libraries 1230 (e.g., C standard library) that canprovide functions such as memory allocation functions, stringmanipulation functions, mathematic functions, and the like. In addition,the libraries 1206 can include API libraries 1232 such as medialibraries (e.g., libraries to support presentation and manipulation ofvarious media formats such as Moving Picture Experts Group-4 (MPEG4),Advanced Video Coding (H.264 or AVC), Moving Picture Experts GroupLayer-3 (MP3), Advanced Audio Coding (AAC), Adaptive Multi-Rate (AMR)audio codec, Joint Photographic Experts Group (JPEG or JPG), or PortableNetwork Graphics (PNG)), graphics libraries (e.g., an OpenGL frameworkused to render in two dimensions (2D) and three dimensions (3D) ingraphic content on a display), database libraries (e.g., SQLite toprovide various relational database functions), web libraries (e.g.,WebKit to provide web browsing functionality), and the like. Thelibraries 1206 can also include a wide variety of other libraries 1234to provide many other APIs to the applications 1210.

The frameworks 1208 provide a high-level common infrastructure that canbe utilized by the applications 1210, according to some embodiments. Forexample, the frameworks 1208 provide various graphic user interface(GUI) functions, high-level resource management, high-level locationservices, and so forth. The frameworks 1208 can provide a broad spectrumof other APIs that can be utilized by the applications 1210, some ofwhich may be specific to a particular operating system 1204 or platform.

In an example embodiment, the applications 1210 include a homeapplication 1250, a contacts application 1252, a browser application1254, a book reader application 1256, a location application 1258, amedia application 1260, a messaging application 1262, a game application1264, and a broad assortment of other applications such as a third partyapplication(s) 1266 and media content application 1267. According tosome embodiments, the applications 1210 are programs that executefunctions defined in the programs. Various programming languages can beemployed to create one or more of the applications 1210, structured in avariety of manners, such as object-oriented programming languages (e.g.,Objective-C, Java, or C++) or procedural programming languages (e.g., Cor assembly language). In a specific example, the third partyapplication 1266 (e.g., an application developed using the ANDROID™ orIOS™ software development kit (SDK) by an entity other than the vendorof the particular platform) may be mobile software running on a mobileoperating system such as IOS™, ANDROID™ WINDOWS® Phone, or anothermobile operating system. In this example, the third party application1266 can invoke the API calls 1212 provided by the operating system 1204to facilitate functionality described herein.

As explained above, some embodiments may particularly include amessaging application 1262. In certain embodiments, this may be astand-alone application that operates to manage communications with aserver system such as server system 102. In other embodiments, thisfunctionality may be integrated with another application such as a mediacontent application 1267. Messaging application 1262 may request anddisplay various media content items and may provide the capability for auser to input data related to media content items via a touch interface,keyboard, or using a camera device of machine 1300, communication with aserver system via I/O components 1350, and receipt and storage of mediacontent items in memory 1330. Presentation of media content items anduser inputs associated with media content items may be managed bymessaging application 1262 using different frameworks 1208, library 1206elements, or operating system 1204 elements operating on a machine 1300.

FIG. 13 is a block diagram illustrating components of a machine 1300,according to some embodiments, able to read instructions from amachine-readable medium (e.g., a machine-readable storage medium) andperform any one or more of the methodologies discussed herein.Specifically, FIG. 13 shows a diagrammatic representation of the machine1300 in the example form of a computer system, within which instructions1316 (e.g., software, a program, an application 1210, an applet, an app,or other executable code) for causing the machine 1300 to perform anyone or more of the methodologies discussed herein can be executed. Inalternative embodiments, the machine 1300 operates as a standalonedevice or can be coupled (e.g., networked) to other machines. In anetworked deployment, the machine 1300 may operate in the capacity of aserver machine 102, 120, 122, 124, etc. or a client device 110 in aserver-client network environment, or as a peer machine in apeer-to-peer (or distributed) network environment. The machine 1300 cancomprise, but not be limited to, a server computer, a client computer, apersonal computer (PC), a tablet computer, a laptop computer, a netbook,a personal digital assistant (PDA), an entertainment media system, acellular telephone, a smart phone, a mobile device, a wearable device(e.g., a smart watch), a smart home device (e.g., a smart appliance),other smart devices, a web appliance, a network router, a networkswitch, a network bridge, or any machine capable of executing theinstructions 1316, sequentially or otherwise, that specify actions to betaken by the machine 1300. Further, while only a single machine 1300 isillustrated, the term “machine” shall also be taken to include acollection of machines 1300 that individually or jointly execute theinstructions 1316 to perform any one or more of the methodologiesdiscussed herein.

In various embodiments, the machine 1300 comprises processors 1310,memory 1330, and I/O components 1350, which can be configured tocommunicate with each other via a bus 1302. In an example embodiment,the processors 1310 (e.g., a central processing unit (CPU), a reducedinstruction set computing (RISC) processor, a complex instruction setcomputing (CISC) processor, a graphics processing unit (GPU), a digitalsignal processor (DSP), an application specific integrated circuit(ASIC), a radio-frequency integrated circuit (RFIC), another processor,or any suitable combination thereof) include, for example, a processor1312 and a processor 1314 that may execute the instructions 1316. Theterm “processor” is intended to include multi-core processors 1310 thatmay comprise two or more independent processors 1312, 1314 (alsoreferred to as “cores”) that can execute instructions 1316contemporaneously. Although FIG. 13 shows multiple processors 1310, themachine 1300 may include a single processor 1310 with a single core, asingle processor 1310 with multiple cores (e.g., a multi-core processor1310), multiple processors 1312, 1314 with a single core, multipleprocessors 1310, 1312 with multiples cores, or any combination thereof.

The memory 1330 comprises a main memory 1332, a static memory 1334, anda storage unit 1336 accessible to the processors 1310 via the bus 1302,according to some embodiments. The storage unit 1336 can include amachine-readable medium 1338 on which are stored the instructions 1316embodying any one or more of the methodologies or functions describedherein. The instructions 1316 can also reside, completely or at leastpartially, within the main memory 1332, within the static memory 1334,within at least one of the processors 1310 (e.g., within the processor'scache memory), or any suitable combination thereof, during executionthereof by the machine 1300. Accordingly, in various embodiments, themain memory 1332, the static memory 1334, and the processors 1310 areconsidered machine-readable media 1338.

As used herein, the term “memory” refers to a machine-readable medium1338 able to store data temporarily or permanently and may be taken toinclude, but not be limited to, random-access memory (RAM), read-onlymemory (ROM), buffer memory, flash memory, and cache memory. While themachine-readable medium 1338 is shown, in an example embodiment, to be asingle medium, the term “machine-readable medium” should be taken toinclude a single medium or multiple media (e.g., a centralized ordistributed database, or associated caches and servers) able to storethe instructions 1316. The term “machine-readable medium” shall also betaken to include any medium, or combination of multiple media, that iscapable of storing instructions (e.g., instructions 1316) for executionby a machine (e.g., machine 1300), such that the instructions 1316, whenexecuted by one or more processors of the machine 1300 (e.g., processors1310), cause the machine 1300 to perform any one or more of themethodologies described herein. Accordingly, a “machine-readable medium”refers to a single storage apparatus or device, as well as “cloud-based”storage systems or storage networks that include multiple storageapparatus or devices. The term “machine-readable medium” shallaccordingly be taken to include, but not be limited to, one or more datarepositories in the form of a solid-state memory (e.g., flash memory),an optical medium, a magnetic medium, other non-volatile memory (e.g.,erasable programmable read-only memory (EPROM)), or any suitablecombination thereof. The term “machine-readable medium” specificallyexcludes non-statutory signals per se.

The I/O components 1350 include a wide variety of components to receiveinput, provide output, produce output, transmit information, exchangeinformation, capture measurements, and so on. In general, it will beappreciated that the I/O components 1350 can include many othercomponents that are not shown in FIG. 13 . The I/O components 1350 aregrouped according to functionality merely for simplifying the followingdiscussion, and the grouping is in no way limiting. In various exampleembodiments, the I/O components 1350 include output components 1352 andinput components 1354. The output components 1352 include visualcomponents (e.g., a display such as a plasma display panel (PDP), alight emitting diode (LED) display, a liquid crystal display (LCD), aprojector, or a cathode ray tube (CRT)), acoustic components (e.g.,speakers), haptic components (e.g., a vibratory motor), other signalgenerators, and so forth. The input components 1354 include alphanumericinput components (e.g., a keyboard, a touch screen configured to receivealphanumeric input, a photo-optical keyboard, or other alphanumericinput components), point-based input components (e.g., a mouse, atouchpad, a trackball, a joystick, a motion sensor, or other pointinginstruments), tactile input components (e.g., a physical button, a touchscreen that provides location and force of touches or touch gestures, orother tactile input components), audio input components (e.g., amicrophone), and the like.

In some further example embodiments, the I/O components 1350 includebiometric components 1356, motion components 1358, environmentalcomponents 1360, or position components 1362, among a wide array ofother components. For example, the biometric components 1356 includecomponents to detect expressions (e.g., hand expressions, facialexpressions, vocal expressions, body gestures, or eye tracking), measurebiosignals (e.g., blood pressure, heart rate, body temperature,perspiration, or brain waves), identify a person (e.g., voiceidentification, retinal identification, facial identification,fingerprint identification, or electroencephalogram basedidentification), and the like. The motion components 1358 includeacceleration sensor components (e.g., accelerometer), gravitation sensorcomponents, rotation sensor components (e.g., gyroscope), and so forth.The environmental components 1360 include, for example, illuminationsensor components (e.g., photometer), temperature sensor components(e.g., one or more thermometers that detect ambient temperature),humidity sensor components, pressure sensor components (e.g.,barometer), acoustic sensor components (e.g., one or more microphonesthat detect background noise), proximity sensor components (e.g.,infrared sensors that detect nearby objects), gas sensor components(e.g., machine olfaction detection sensors, gas detection sensors todetect concentrations of hazardous gases for safety or to measurepollutants in the atmosphere), or other components that may provideindications, measurements, or signals corresponding to a surroundingphysical environment. The position components 1362 include locationsensor components (e.g., a Global Positioning System (GPS) receivercomponent), altitude sensor components (e.g., altimeters or barometersthat detect air pressure from which altitude may be derived),orientation sensor components (e.g., magnetometers), and the like.

Communication can be implemented using a wide variety of technologies.The I/O components 1350 may include communication components 1364operable to couple the machine 1300 to a network 1380 or devices 1370via a coupling 1382 and a coupling 1372, respectively. For example, thecommunication components 1364 include a network interface component oranother suitable device to interface with the network 1380. In furtherexamples, communication components 1364 include wired communicationcomponents, wireless communication components, cellular communicationcomponents, near field communication (NFC) components, BLUETOOTH®components (e.g., BLUETOOTH® Low Energy), WI-FI® components, and othercommunication components to provide communication via other modalities.The devices 1370 may be another machine 1300 or any of a wide variety ofperipheral devices (e.g., a peripheral device coupled via a UniversalSerial Bus (USB)).

Moreover, in some embodiments, the communication components 1364 detectidentifiers or include components operable to detect identifiers. Forexample, the communication components 1364 include radio frequencyidentification (RFID) tag reader components, NFC smart tag detectioncomponents, optical reader components (e.g., an optical sensor to detecta one-dimensional bar codes such as a Universal Product Code (UPC) barcode, multi-dimensional bar codes such as a Quick Response (QR) code,Aztec Code, Data Matrix, Dataglyph, MaxiCode, PDF417, Ultra Code,Uniform Commercial Code Reduced Space Symbology (UCC RSS)-2D bar codes,and other optical codes), acoustic detection components (e.g.,microphones to identify tagged audio signals), or any suitablecombination thereof. In addition, a variety of information can bederived via the communication components 1364, such as location viaInternet Protocol (IP) geo-location, location via WI-FI® signaltriangulation, location via detecting a BLUETOOTH® or NFC beacon signalthat may indicate a particular location, and so forth.

In various example embodiments, one or more portions of the network 1380can be an ad hoc network, an intranet, an extranet, a virtual privatenetwork (VPN), a local area network (LAN), a wireless LAN (WLAN), a widearea network (WAN), a wireless WAN (WWAN), a metropolitan area network(MAN), the Internet, a portion of the Internet, a portion of the publicswitched telephone network (PSTN), a plain old telephone service (POTS)network, a cellular telephone network, a wireless network, a WI-FI®network, another type of network, or a combination of two or more suchnetworks. For example, the network 1380 or a portion of the network 1380may include a wireless or cellular network, and the coupling 1382 may bea Code Division Multiple Access (CDMA) connection, a Global System forMobile communications (GSM) connection, or another type of cellular orwireless coupling. In this example, the coupling 1382 can implement anyof a variety of types of data transfer technology, such as SingleCarrier Radio Transmission Technology (1×RTT), Evolution-Data Optimized(EVDO) technology, General Packet Radio Service (GPRS) technology,Enhanced Data rates for GSM Evolution (EDGE) technology, thirdGeneration Partnership Project (3GPP) including 3G, fourth generationwireless (4G) networks, Universal Mobile Telecommunications System(UMTS), High Speed Packet Access (HSPA), Worldwide Interoperability forMicrowave Access (WiMAX), Long Term Evolution (LTE) standard, othersdefined by various standard-setting organizations, other long rangeprotocols, or other data transfer technology.

In example embodiments, the instructions 1316 are transmitted orreceived over the network 1380 using a transmission medium via a networkinterface device (e.g., a network interface component included in thecommunication components 1364) and utilizing any one of a number ofwell-known transfer protocols (e.g., Hypertext Transfer Protocol(HTTP)). Similarly, in other example embodiments, the instructions 1316are transmitted or received using a transmission medium via the coupling1372 (e.g., a peer-to-peer coupling) to the devices 1370. The term“transmission medium” shall be taken to include any intangible mediumthat is capable of storing, encoding, or carrying the instructions 1316for execution by the machine 1300, and includes digital or analogcommunications signals or other intangible media to facilitatecommunication of such software.

Furthermore, the machine-readable medium 1338 is non-transitory (inother words, not having any transitory signals) in that it does notembody a propagating signal. However, labeling the machine-readablemedium 1338 “non-transitory” should not be construed to mean that themedium is incapable of movement; the medium 1338 should be considered asbeing transportable from one physical location to another. Additionally,since the machine-readable medium 1338 is tangible, the medium 1338 maybe considered to be a machine-readable device.

Throughout this specification, plural instances may implementcomponents, operations, or structures described as a single instance.Although individual operations of one or more methods are illustratedand described as separate operations, one or more of the individualoperations may be performed concurrently, and nothing requires that theoperations be performed in the order illustrated. Structures andfunctionality presented as separate components in example configurationsmay be implemented as a combined structure or component. Similarly,structures and functionality presented as a single component may beimplemented as separate components. These and other variations,modifications, additions, and improvements fall within the scope of thesubject matter herein.

Although an overview of the inventive subject matter has been describedwith reference to specific example embodiments, various modificationsand changes may be made to these embodiments without departing from thebroader scope of embodiments of the present disclosure

The embodiments illustrated herein are described in sufficient detail toenable those skilled in the art to practice the teachings disclosed.Other embodiments may be used and derived therefrom, such thatstructural and logical substitutions and changes may be made withoutdeparting from the scope of this disclosure. The Detailed Description,therefore, is not to be taken in a limiting sense, and the scope ofvarious embodiments is defined only by the appended claims, along withthe full range of equivalents to which such claims are entitled.

As used herein, the term “or” may be construed in either an inclusive orexclusive sense. Moreover, plural instances may be provided forresources, operations, or structures described herein as a singleinstance. Additionally, boundaries between various resources,operations, modules, engines, and data stores are somewhat arbitrary,and particular operations are illustrated in a context of specificillustrative configurations. Other allocations of functionality areenvisioned and may fall within a scope of various embodiments of thepresent disclosure. In general, structures and functionality presentedas separate resources in the example configurations may be implementedas a combined structure or resource. Similarly, structures andfunctionality presented as a single resource may be implemented asseparate resources. These and other variations, modifications,additions, and improvements fall within a scope of embodiments of thepresent disclosure as represented by the appended claims. Thespecification and drawings are, accordingly, to be regarded in anillustrative rather than a restrictive sense.

What is claimed is:
 1. A method comprising: displaying, by a computingdevice, a center portion of a video in a display area of the computingdevice; detecting, by the computing device, movement of the computingdevice during playback of the center portion of the video; calculating arotation amount of the display of the center portion of the video basedon a direction of the movement of the computing device during playbackof the center portion of the video; and causing the display of thecenter portion of the video to slide by the rotation amount in adirection opposite to the direction of movement up to an edge of apredefined region, wherein the video slides at a decelerating rate as itmoves out to the edge of the predefined region and moves at a constantrate when it re-centers to display the center portion of the video. 2.The method of claim 1, wherein the center portion of the video comprisesa media overlay.
 3. The method of claim 2, wherein the media overlayrotates with the center portion of the video when the display of thecenter portion of the video slides in a direction relative to thedirection of movement.
 4. The method of claim 2, wherein the mediaoverlay comprises text, a sticker, a special effect, or a geo-filter. 5.The method of claim 2, wherein the media overlay was added to the videoafter creation of the video.
 6. The method of claim 1, wherein beforecalculating the rotation amount of the display of the center portion ofthe video based on a direction of movement of the computing deviceduring playback of the center portion of the video, the methodcomprises: receiving movement data from one or more sensors of thecomputing device; and analyzing the movement data to determine thedirection of movement.
 7. The method of claim 6, wherein the one or moresensors comprise at least one of an accelerometer sensor, a gyroscopesensor, or a gravity sensor.
 8. The method of claim 6, wherein themovement data is received from an accelerometer sensor and wherein themovement data comprises the computing device's orientation including arotation of the computing device's axes relative to the downward forceof gravity.
 9. The method of claim 8, wherein the computing device'sorientation further comprises the computing device's rotation around itsz-axis directed away from the display area of the computing device. 10.The method of claim 1, wherein calculating a rotational amount comprisescalculating a number of degrees of rotation on a Z axis from a gyroscopeof the computing device and causing the center portion of the video toslide in by the rotation amount in the direction opposite to thedirection of movement comprises causing the center portion to slide thecalculated number of degrees in the direction opposite the direction ofmovement.
 11. A computing device comprising: a memory that storesinstructions; and one or more processors configured by the instructionsto perform operations comprising: displaying a center portion of a videoin a display area of the computing device; detecting movement of thecomputing device during playback of the center portion of the video;calculating a rotation amount of the display of the center portion ofthe video based on a direction of the movement of the computing deviceduring playback of the center portion of the video; and causing thedisplay of the center portion of the video to slide by the rotationamount in a direction opposite to the direction of movement up to anedge of a predefined region, wherein the video slides at a deceleratingrate as it moves out to the edge of the predefined region and moves at aconstant rate when it re-centers to display the center portion of thevideo.
 12. The computing device of claim 11, wherein the center portionof the video comprises a media overlay.
 13. The computing device ofclaim 12, wherein the media overlay rotates with the center portion ofthe video when the display of the center portion of the video slides ina direction relative to the direction of movement.
 14. The computingdevice of claim 12, wherein the media overlay comprises text, a sticker,a special effect, or a geo-filter.
 15. The computing device of claim 12,wherein the media overlay was added to the video after creation of thevideo.
 16. The computing device of claim 11, wherein before calculatingthe rotation amount of the display of the center portion of the videobased on a direction of movement of the computing device during playbackof the center portion of the video, the operations comprise: receivingmovement data from one or more sensors of the computing device; andanalyzing the movement data to determine the direction of movement. 17.The computing device of claim 16, wherein the one or more sensorscomprise at least one of an accelerometer sensor, a gyroscope sensor, ora gravity sensor.
 18. The computing device of claim 16, wherein themovement data is received from an accelerometer sensor and wherein themovement data comprises the computing device's orientation including arotation of the computing device's axes relative to the downward forceof gravity and wherein the computing device's orientation furthercomprises the computing device's rotation around its z-axis directedaway from the display area of the computing device.
 19. The computingdevice of claim 11, wherein calculating a rotational amount comprisescalculating a number of degrees of rotation on a Z axis from a gyroscopeof the computing device and causing the center portion of the video toslide in by the rotation amount in the direction opposite to thedirection of movement comprises causing the center portion to slide thecalculated number of degrees in the direction opposite the direction ofmovement.
 20. A non-transitory computer readable medium comprisinginstructions stored thereon that are executable by at least oneprocessor to cause a computing device to perform operations comprising:displaying a center portion of a video in a display area of thecomputing device; detecting movement of the computing device duringplayback of the center portion of the video; calculating a rotationamount of the display of the center portion of the video based on adirection of the movement of the computing device during playback of thecenter portion of the video; and causing the display of the centerportion of the video to slide by the rotation amount in a directionopposite to the direction of movement up to an edge of a predefinedregion, wherein the video slides at a decelerating rate as it moves outto the edge of the predefined region and moves at a constant rate whenit re-centers to display the center portion of the video.